<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html lang="en">

<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet"
	href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<link href="css/style.css" rel="stylesheet">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Actualizar Premios y Comisiones</title>

<!-- Bootstrap Core CSS -->
<link href="bootstrap/vendor/bootstrap/css/bootstrap.css"
	rel="stylesheet">

<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato"
	rel="stylesheet">
<link
	href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli"
	rel="stylesheet">

<!-- Plugin CSS -->
<link rel="stylesheet"
	href="bootstrap/vendor/font-awesome/css/font-awesome.css">
<link rel="stylesheet"
	href="bootstrap/vendor/simple-line-icons/css/simple-line-icons.css">

<!-- Theme CSS -->
<link href="bootstrap/css/new-age.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.bootstrap/js/1.4.2/respond.min.js"></script>
    <![endif]-->
    

<script>
	function verify_premio() {
		if (document.forms[0].elements['ListaProductosPremios'].value == ''
				|| document.forms[0].elements['inputMontoPremios'].value == '') {
			alert('Complete los campos.');
			return false;

		} else
			return confirm('Seguro?');

	}

	function verify_comision() {
		if (document.forms[0].elements['ListaComisiones'].value == ''
				|| document.forms[0].elements['inputMontoComisiones'].value == '') {
			alert('Complete los campos.');
			return false;

		} else
			return confirm('Seguro?');

	}
	function verify_comision_productos() {
		if (document.forms[0].elements['ListaComisionesProductos'].value == ''
				|| document.forms[0].elements['inputMontoComisionesProductos'].value == '') {
			alert('Complete los campos.');
			return false;

		} else
			return confirm('Seguro?');

	}
</script>

</head>

<body id="page-top">

	<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
	<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> Menu <i
					class="fa fa-bars"></i>
			</button>
			<a class="navbar-brand page-scroll" href="index.jsp">Index</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">

				<li><a class="page-scroll" href="ActualizarPremiosServlet">Actualizar
						Premios y Comisiones</a></li>
				<li><a class="page-scroll"
					href="ObtenerReportesComisionesPremios">Obtener Reportes</a></li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	<!-- /.container-fluid --> </nav>



				



	<section class="actualizarPremios">
	<div class="cta-content">
		<div class="container">



			<c:if
				test="${UsuarioLogeado.categoria == 'Recursos Humanos'}">

				

   					<c:if test="${not empty MensajeActualizarPremios}">	
							
				<%@ include file="/bootstrap/MensajeSuperior.jsp" %>				
   					${MensajeActualizarPremios}
 				<%@ include file="/bootstrap/MensajeInferior.jsp" %> 
 								
 				 </c:if>	
   					
   		



				<h1>Actualizar Premios y Comisiones</h1>
				<form
					action="${pageContext.request.contextPath}/ActualizarPremiosServlet"
					method="post">

					<div style="width: 100%;">

						<div style="width: 600px; float: left;">
							<div>
								<h3>Actualizar Premios:</h3>

								<select name="ListaProductosPremios" size="6"
									style="width: 400px;" tabindex="1">
									<c:if test="${Premios != null}">
										<c:forEach items="${Premios}" var="Premio">
											<option value="${Premio.premioID}">
												${Premio.categoria} - $ ${Premio.valor}</option>
										</c:forEach>
									</c:if>
								</select>

								<h3>Nuevo monto</h3>

								<input type="number" placeholder="Ingrese monto"
									name="inputMontoPremios" min="1" max="99999999" class="inputs" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
									
							
								<br> <br> <input type="submit" name="btnPremios"
									value="Guardar" onclick="return verify_premio();">
							</div>
							

						</div>


						<div style="margin-left: 620px;">

							<div>
								<h3>Actualizar Comisiones Ventas:</h3>

								<select name="ListaComisiones" size="6" style="width: 400px;"
									tabindex="1">
									<c:if test="${Comisiones != null}">
										<c:forEach items="${Comisiones}" var="Comision">
											<option value="${Comision.comisionID}">
												${Comision.categoria} - $ ${Comision.valor}</option>
										</c:forEach>
									</c:if>
								</select>

								<h3>Nuevo monto</h3>

								<input type="number" placeholder="Ingrese monto"
									name="inputMontoComisiones" min="1" max="99999999"
									class="inputs" onkeypress='return event.charCode >= 48 && event.charCode <= 57'> <br> <br> <input
									type="submit" name="btnComisiones" value="Guardar"
									onclick="return verify_comision();">

								<h3>Actualizar Comisiones Productos:</h3>

								<select name="ListaComisionesProductos" size="6"
									style="width: 400px;" tabindex="1">
									<c:if test="${ComisionesProductos != null}">
										<c:forEach items="${ComisionesProductos}" var="Producto">
											<option value="${Producto.productoID}">
												${Producto.nombre} - $ ${Producto.adicional}</option>
										</c:forEach>
									</c:if>
								</select>

								<h3>Nuevo monto</h3>

								<input type="number" placeholder="Ingrese monto"
									name="inputMontoComisionesProductos" min="1" max="99999999"
									class="inputs" onkeypress='return event.charCode >= 48 && event.charCode <= 57'> <br> <br> <input
									type="submit" name="btnComisionesProductos" value="Guardar"
									onclick="return verify_comision_productos();">
							</div>




							
							</br>
							</br>
							</br>
							</br> </br>
							</br>
						</div>


					</div>
				</form>


			</c:if>
			<c:if
				test="${empty UsuarioLogeado || UsuarioLogeado.categoria != 'Recursos Humanos'}">
				<h3>Ingrese con un usuario de RRHH para proceder.</h3>
			</c:if>



		</div>
	</div>
	<div class="overlay"></div>
	</section>

























	<footer>
	<div class="container">
		<p>&copy; 2016 F. Leandro - TSSI.</p>
		<ul class="list-inline">
			<li><a href="#">TP</a></li>
			<li><a href="#">Prog.</a></li>
			<li><a href="#">II</a></li>
		</ul>
	</div>
	</footer>
	
	<!-- Bootstrap Core JavaScript -->
	<script src="bootstrap/vendor/bootstrap/js/bootstrap.min.js"></script>

	<!-- Plugin JavaScript -->
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

	<!-- Theme JavaScript -->
	<script src="bootstrap/js/new-age.min.js"></script>

</body>

</html>
